<?php
	require "conexion.php";
	$sql 		= "SELECT
						opinion_id,
						fecha_in,
						fecha_out,
						nombre,
						comentario
					FROM 
						opiniones
					WHERE
						estado = 2
					ORDER BY
						fecha_in desc";
	$resultado 	= mysqli_query($link,$sql);
	$cantidad	= mysqli_num_rows($resultado); 

	mysqli_close($link);
	
	$titulo = "Opiniones";
	require "cabecera.php";
?>
	<link rel="stylesheet" href="styles/jquery-ui.css">
	<meta name="keywords" content=""/>

</head>
<body>

	<?php
		include "menu_datos.php";
		include "menu_arriba.php";
	?>
	
	<div class="ancho_100">
		<img src="images/opiniones-head.jpg" width="100%" style="max-height: 400px;"/>
	</div>
	
	<div class="ancho_100">
		<h1 class="titulo_naranja">Opiniones</h1><br>
		<a onclick="$('#alta_opinion').toggle('blind');" class="boton">Escribí tu opinión</a><br>
		<div id="alta_opinion" name="alta_opinion" class="ancho_100">
			<form action="opiniones_alta.php" method="POST">
				<label for="nombre">Nombre:</label>
				<input id="nombre" name="nombre" type="text" placeholder="Nombre y Apellido" required/>
				<label for="email">Email:</label>
				<input id="mail" name="mail" type="email" placeholder="ejemplo@correo.com" required/>
				<label for="telefono">Teléfono:</label>
				<input id="telefono" name="telefono" type="text"/>
				<label for="fecha_in">Fecha de Entrada:</label>
				<input id="fecha_in" name="fecha_in" type="text" class="angosto"/>
				<label for="fecha_out">Fecha de Salida:</label>
				<input id="fecha_out" name="fecha_out" type="text" class="angosto"/>
				<label for="nro_habitacion">Nº de Habitación:</label>
				<input id="nro_habitacion" type="text" name="nro_habitacion" class="angosto"/>
				<label for="mensaje">Comentario:</label>
				<textarea id="mensaje" name="mensaje" placeholder="Comentario" required ></textarea>
				
				<input type="submit" id="submit" name="submit" value="Enviar">
			</form>
		</div>
	</div>
	
	
	<div id="opiniones" name="opiniones">
		<?php
		while ($fila = mysqli_fetch_assoc($resultado)) { ?>
			<div class="opinion">
				<div id="comentario_<?php echo $fila["opinion_id"] ?>" name="comentario_<?php echo $fila["opinion_id"] ?>" class="autor">
					<span class="titulo_naranja"><?php echo $fila['nombre'] ?></span> <br>
					<span class="letrachica">Se Hospedó : <br><?php echo $fila['fecha_in'] . ' al ' . $fila['fecha_out'] ?> </span>
				</div>
				<div class="comentario">
					<p><img src="images/comillas_verdes.png" alt="comillas"><em><?php echo $fila['comentario'] ?></em><img src="images/comillas_verdes_cierre.png" alt="comillas"></p> 
				</div>
			</div>
		<?php } ?>
	</div>
	
	<?php
		include "sidebar.php";
		include "pie.php";
	?>
	<script>
		$(document).ready(function(){
			$("#alta_opinion").hide();
		});
	</script>
	<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
	<script>
		$(function() {
			$.datepicker.setDefaults($.datepicker.regional["es"]);
		    $( "#fecha_in" ).datepicker({
				firstDay: 1,
				dateFormat: "dd/mm/yy",
				monthNames: ['Enero', 'Febrero', 'Marzo',
					'Abril', 'Mayo', 'Junio',
					'Julio', 'Agosto', 'Septiembre',
					'Octubre', 'Noviembre', 'Diciembre'],
				dayNamesMin: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'],
				maxDate: "-1D",
				onClose: function (selectedDate) {
					$("#fecha_out").datepicker("option", "minDate", selectedDate);
				}
			});
			
			 $( "#fecha_out" ).datepicker({
				firstDay: 1,
				dateFormat: "dd/mm/yy",
				monthNames: ['Enero', 'Febrero', 'Marzo',
					'Abril', 'Mayo', 'Junio',
					'Julio', 'Agosto', 'Septiembre',
					'Octubre', 'Noviembre', 'Diciembre'],
				dayNamesMin: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'],
				maxDate: "-1D",
				onClose: function (selectedDate) {
					$("#fecha_in").datepicker("option", "maxDate", selectedDate);
				}
			});
		});
	</script>
</body>
</html>